@php
    /** @var \App\Model\Goods[] $goods */
@endphp
@extends('home.app')

@section('title', $title)

@section('content')
    @if (!isMobile())
        <link rel="stylesheet" href="/css/index-critical.css">
    @endif
    <link rel="stylesheet" href="/css/category-critical.css">
    <link rel="stylesheet" href="/css/global-index.css">
    <link rel="stylesheet" href="/css/category-index.css">
    <section id="category-content">
        <!--搜索内容-->
        <section id="category-header" class="column">
            <div class="">
                <h1>{{$title}}</h1>
            </div>
        </section>

        <div class="column">
        </div>

        <div id="grid-doormat" class="column show-for-small ">
        </div>

        <div class="category-seo-module column" style="display:none">
        </div>
        <!--分割线-->
        <div class="column hide-for-medium-down">
            <hr class="hr--no-margin">
        </div>

        <div id="right-panel" class="category--right-container">

            <div id="items-container" class="column">
                <div id="items-loading-overlay"></div>
                <div id="items-container-grid">
                    <!--单个商品-->
                    @foreach($goods as $good)
                        <div class="item-tile sale">
                            <div>
                                <figure>
                                    <div class="item-heart-animation">
                                        <div class="heart"></div>
                                    </div>
                                    <a class="item-image"
                                       href="{{action('GoodsController@info', ['id' => $good->id])}}">
                                        <img width="300" height="300" src="{{$good->getGoodsThumbUrl()}}">
                                        <noscript><img
                                                src="/images/414r+x4AyzL.jpg" width=300 height=300
                                            /></noscript>
                                    </a>
                                </figure>
                                <div class="item-body">
                                    <h3>
                                        <a href="{{action('GoodsController@info', ['id' => $good->id])}}">
                                        <span class="item-title" itemprop="name"
                                              title="{{$good->goods_name}}">{{$good->goods_name}}</span>
                                        </a>
                                    </h3>
                                    <div>
                                        <p class="item-price">
                                            <em itemprop="priceCurrency" content="USD">
                                                ${{$good->goods_price}}</em>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <span>
            </span>
                        </div>
                        <!--end单个商品-->
                    @endforeach
                </div>
            </div>

            <div id="loading-background"></div>
        </div>

    </section>
@endsection
